<template>
  <div class="wrap">

    <SkyCardPanel title="推送消息">
      <div slot="main">
        <SkyButton type="primary" @click="notice()">推送</SkyButton> <span></span>
      </div>
    </SkyCardPanel>

    <SkyHiddenPanel title="代码">
      <div class="prewrap" v-highlight>
        <!-- 使用指令 -->
        <pre>
          <code class="javascript">
              //推送消息
              
                  this.$SkyNotification({
                    title: '标题',
                    content: "内容.......",
                    time: 3000,
                  })
          </code>
      </pre>
      </div>
    </SkyHiddenPanel>

  </div>
</template>

<script>
export default {
  data () {
    return {

    };
  },
  methods: {
    notice () {
      this.$SkyNotification({
        title: '标题',
        content: "内容.......",
        time: 3000,
      })
    }

  }
};
</script>

<style lang="scss" scoped>
.wrap {
  padding: 30px;
}
</style>
